<template>
	<div class="border-1px border-#E5E6EB border-solid rounded-12px p-20px">
		<p class="text-24px text-#000000 mb-20px">
			资产列表
		</p>
		<el-table :data="tableData" style="width: 100%">
			<el-table-column prop="coin" label="名称">
				<template #default="scope">
					<div class="pt-10px pb-10px flex items-center">
						<img :src="scope.row.icon" alt="" class="w-[20px] h-[20px] mr-[5px]">
						<span class="text-[#333333] text-[14px] font-[400]">{{scope.row.coin}}</span>
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="assets" label="资产" />
			<el-table-column prop="use" label="可用" />
			<el-table-column prop="freeze" label="冻结" />
		</el-table>
	</div>
</template>
<script lang="ts" setup>
import {ref} from "vue";
const tableData = ref<any[]>([
	{
		icon:'/purchase/btc.svg',
		coin:'BTC',
		assets:'0.00 USDT',
		use:'0.00 USDT',
		freeze:'0.00',
	},
	{
		icon:'/purchase/eth.svg',
		coin:'ETH',
		assets:'0.00 USDT',
		use:'0.00 USDT',
		freeze:'0.00',
	},
	{
		icon:'/purchase/trx.svg',
		coin:'TRX',
		assets:'0.00 USDT',
		use:'0.00 USDT',
		freeze:'0.00',
	},
	{
		icon:'/purchase/usdt.svg',
		coin:'USDT',
		assets:'0.00 USDT',
		use:'0.00 USDT',
		freeze:'0.00',
	}
])

</script>
